<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery-1.11.0.min.js"></script>
</head>
<body>
<div>
    <a href="/airong/userUpdate.html">修改个人信息</a><br>
    用户名：<span id="username"></span><br>
    手机号：<span id="phone"></span><br>
    身份证号：<span id="id_num"></span><br>
    我的资产：<select id="account">
    <option>--请选择您的二类卡--</option>
</select><br>
    <span id="balance" style="color: brown"></span>

    <!--我绑定的一类卡：<span id="bankId"></span><br>-->
    <input type="button" id="btn" value="我的所有账户">
</div>
<table width="100%" id="shouye">
    <tr>
        <td align="center"><a href="/airong/index.html">首页</a></td>
        <!--    <td align="center"><a href="#"><input type="button" id="lc" value="理财"></a></td>-->
        <td align="center"><a href="" id="lc">理财</a></td>
        <td align="center"><a href="/airong/personalCenter.html">我的</a></td>

    </tr>
</table>
</body>
<script>
    let url1 = "/airong/cc?action=getSessionID";
    let params1 = {}
    $.get(url1,params1,function (sessionID){
        document.getElementById('lc').href= "products.html?uid="+sessionID;
    },"text")
    let url = "/airong/person?action=personalCenter"
    let params = {}
    $.post(url,params,function (data){
        let card2List = data.card2List;
        $.each(card2List,function (idx,ele){
            $("#account").append("<option value='"+ele.balance+"'>"+ele.id+"</option>")
            //
        });
        $("#username").html(data.username)
        $("#phone").html(data.phone)
        $("#id_num").html(data.id_num)
    },"json")

    $("#btn").click(function (){
        location.href = "/airong/account.html";
    })
    $("#account").change(function (){
        let account = this.value
        $("#balance").html("余额："+account)
    })

</script>
<style>
    div {

        width: 100%;
        text-align: center;
    }
    input{
        padding: 10px;
        margin: 10px;
        text-align: left;
    }
    #shouye{
        position: absolute;
        top: 600px;
        padding: 5px;
        margin: 4px;
        background-color: bisque;
        font-size: 20px;
        text-align: center;
        z-index: 1;
    }

</style>
</html>